import { lazy } from "react";
import { AppOutline, UserOutline } from 'antd-mobile-icons'

const Index = lazy(() => import('../pages/index'))
const User = lazy(() => import('../pages/user'))
const Home = lazy(() => import('../pages/home'))
const Login = lazy(() => import('../pages/login'))

export const homeRouters = [
    {
        path: '/',
        element: <Index></Index>,
        title: '首页',
        icon: <AppOutline />
    },
    {
        path: '/user',
        element: <User></User>,
        title: '个人中心',
        icon: <UserOutline />
    },
]

export const routers = [
    {
        path: '/',
        element: <Home></Home>,
        children:homeRouters
    },
    {
        path: '/login',
        element: <Login></Login>
    },
]
